<template>
  <div class="ui_success">

    <van-nav-bar title="提现详情">
      <van-icon color="#333"></van-icon>
    </van-nav-bar>

    <div class="success_banner">
      <i class="iconfont icon-dingdanwanchengduihao_huaban  success"></i>
      <div class="success_text">
        提现成功
      </div>
    </div>
    <div class="success_empty">

    </div>
    <van-cell-group>
      <van-cell title="提现到" value="招商银行,尾号8888" class="success_van_cell"/> <!-- 字体颜色需要修改 -->
      <van-cell title="提现金额" value="188元" class="success_van_cell"/><!-- 字体颜色需要修改 -->
      <van-cell title="到账时间" value="1-3个工作日" class="success_van_cell"/><!-- 字体颜色需要修改 -->

    </van-cell-group>

    <van-button class="success_buttom" block="true">完成</van-button>


  </div>
</template>
<script>
  export default {
    name: 'Success'
  };
</script>
<style lang="less">
  .ui_success {
    .success_banner {
      text-align: center;
      height: 290px;
      width: 750px;

      border-top: 1px solid #ccc;
      color: #1cae1d;
      padding-top: 60px;
      .success {
        font-size: 90px;
      }
      .success_text {
        font-size: 36px;
        color: #1cae1d;
      }
    }
    .success_empty {
      width: 750px;
      height: 30px;
      background-color: #f0f0f0;
    }
    .success_van_cell {
      color: #999999;
    }

    .success_buttom {
      background-color: #f7a427;
      margin: 30px auto;
      text-align: center;
      width: 700px;
      height: 90px;
      color: #fff;
      font-size: 36px;
      border-radius: 45px;
    }
  }
</style>
